<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>eFlock - ${categoria.descripcion}</title>
<style type="text/css">
.categoriaFrame {
	background-color: rgb(224, 224, 224);
	width: 300px;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(80, 80, 80);
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

.botonCerrar {
	background-color: rgb(208, 208, 208);
	color: rgb(232, 232, 232);
	width: 5%;
	border-left-style: solid;
	border-left-width: 2px;
	border-color: rgb(80, 80, 80);
	float: right;
	font-weight: bold;
}

.botonCerrar a {
	text-decoration: none;
}

.categoriaContenido {
	background-color: rgb(248, 248, 248);
	border-top-style: solid;
	border-top-width: 2px;
	border-color: rgb(80, 80, 80);
	padding: 6px;
}
</style>
</head>
<body>
	<div class="categoriaFrame">
		${categoria.codigo} - ${categoria.descripcion}
		<div class="botonCerrar">
			<a href="#">X</a>
		</div>

		<div class="categoriaContenido">
			<c:forEach var="i" items="${categoria.items}">
				<img src="${i.imagen}" height="40" width="25" />
				<c:out value="${i.nombre}" />
			</c:forEach>
		</div>


	</div>
</body>
</html>